<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        let str = "张三我爱你"
        // startsWith
        //     - 用法：字符串.startsWith（指定字符或字符片段）
        // - 作用：判断字符串 是不是 以指定字符或字符片段 开头的 如果是 返回值为true 否则 返回值为false
        console.log(str.startsWith("张三"))   //ture



        //     - endsWith
        //     - 用法：字符串.endsWith（指定字符或字符片段）
        // - 作用：判断字符串 是不是 以指定字符或字符片段 结尾的 如果是 返回值为true 否则 返回值为false
        console.log(str.endsWith("爱你"))    //true



        //     - repeat
        //     - 用法：字符串.repeat（正整数）
        // - 作用：返回值为一个新字符串 新字符串的值 是 原字符串重复指定数字次的结果
        //     - 例如："张三".repeat(2) ===>“张三张三”
        let str1 = "张三";
        let str2 = str1.repeat(3);
        console.log(str2)



        // - padStart

        //       - 用法：字符串.padStart(目标长度，用来填充的字符)
        //       - 作用：将指定字符串的长度 控制为 目标长度  如果不够 使用填充字符来填充（填充再字符串开头）
        let str3 = "张三";
        let str4 = str3.padStart(3, "0");
        console.log(str4)



        //     - padEnd

        //       - 用法：字符串.padEnd(目标长度，用来填充的字符)
        //       - 作用：将指定字符串的长度 控制为 目标长度  如果不够 使用填充字符来填充（填充再字符串末尾）
        let str5 = "张三";
        let str6 = str5.padEnd(3, "0");
        console.log(str6)



        //padStart和padEnd的实际应用   加密身份证号
        //需求：只显示后四位身份证号
        let str7 = "141124200008280233"

        function fn(idNum) {
            let last = idNum.slice(-4);
            let code = last.padStart(18, "*");
            return code
        }
        console.log(fn(str7));
        //倒计时  需求   秒数不够俩位数的时候前面补0
        setInterval(function () {
            let date = new Date();
            let s = date.getSeconds() + "";
            console.log(s.padStart(2, "0"))
        }, 1000)


    </script>
</body>

</html>